<template>
<!-- <XtxSkeleton width="100" height="100" bg="red" /> -->
<!-- <p>{{ load }}</p>
  <input type="text" v-ilazy="load" /> -->
  <div class="container">
    <!-- 分类 -->
    <HomeCategory />

    <!-- 轮播 -->
    <HomeBanner />
    <!-- 新鲜好物 -->
    <HomeNew />
    <!-- 人气推荐 -->
    <HomeRecom/>
    <!-- 楼层 -->
    <HomeProduct/>

  </div>
</template>

<script>
// 引入分类 组件
import HomeCategory from './components/home-category.vue'
// 引入轮播 组件
import HomeBanner from './components/home-banner.vue'
// 导入骨架组件
// import skeleton from '@/components/Skeleton/index.vue'
// 导入新鲜好物
import HomeNew from '../Home/components/home-new.vue'
// 导入人气推荐
import HomeRecom from './components/home-recom.vue'
// 导入楼层组件
import HomeProduct from './components/home-product.vue'

export default {
  name: 'xtx-home-page',
  // 注册组件
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeRecom,
    HomeProduct
    // skeleton
  }
}
</script>

<style scoped lang='less'>
.test {
  border: 2px solid @xtxColor;
}
</style>
